@import "template/head.less";
@import "template/footer.less";
@import "property.less";

.ng-enter {
  transition:0.5s linear all;
  opacity:0;
}

.ng-enter-active {
  opacity:1;
}

.fs(@px){
    font-size: unit( @px / 37.5 ,rem);
}

.w(@px){
  width: unit( @px / 37.5 ,rem);
}

.h(@px){
  height: unit( @px / 37.5 ,rem);
}

.lh(@px){
  line-height: unit( @px / 37.5 ,rem);
}

.mt(@px){
  margin-top: unit( @px / 37.5 ,rem);
}

.mr(@px){
  margin-right: unit( @px / 37.5 ,rem);
}

.mb(@px){
  margin-bottom: unit( @px / 37.5 ,rem);
}

.ml(@px){
  margin-left: unit( @px / 37.5 ,rem);
}

.pt(@px){
  padding-top: unit( @px / 37.5 ,rem);
}

.pr(@px){
  padding-right: unit( @px / 37.5 ,rem);
}

.pb(@px){
  padding-bottom: unit( @px / 37.5 ,rem);
}

.pl(@px){
  padding-left: unit( @px / 37.5 ,rem);
}

html,body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: @bodybgColor;
}

body{
  .fs(16);
}

.f-clr{
  color: @defultColor;
}